/******** flex ********/

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

/* .jc-fs {
  justify-content: flex-start;
}
.jc-fe {
  justify-content: flex-end;
}
.jc-c {
  justify-content: center;
}
.jc-sb {
  justify-content: space-between;
}
.jc-sa {
  justify-content: space-around;
}

.ai-c {
  align-items: center;
} */

.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}

/************************/
/******** margin ********/

.mt-0px {
  margin-top: 0px;
}
.mb-0px {
  margin-bottom: 0px;
}
.ml-0px {
  margin-left: 0px;
}
.mr-0px {
  margin-right: 0px;
}
.mt-1px {
  margin-top: 1px;
}
.mb-1px {
  margin-bottom: 1px;
}
.ml-1px {
  margin-left: 1px;
}
.mr-1px {
  margin-right: 1px;
}
.mt-2px {
  margin-top: 2px;
}
.mb-2px {
  margin-bottom: 2px;
}
.ml-2px {
  margin-left: 2px;
}
.mr-2px {
  margin-right: 2px;
}
.mt-3px {
  margin-top: 3px;
}
.mb-3px {
  margin-bottom: 3px;
}
.ml-3px {
  margin-left: 3px;
}
.mr-3px {
  margin-right: 3px;
}
.mt-4px {
  margin-top: 4px;
}
.mb-4px {
  margin-bottom: 4px;
}
.ml-4px {
  margin-left: 4px;
}
.mr-4px {
  margin-right: 4px;
}
.mt-5px {
  margin-top: 5px;
}
.mb-5px {
  margin-bottom: 5px;
}
.ml-5px {
  margin-left: 5px;
}
.mr-5px {
  margin-right: 5px;
}
.mt-6px {
  margin-top: 6px;
}
.mb-6px {
  margin-bottom: 6px;
}
.ml-6px {
  margin-left: 6px;
}
.mr-6px {
  margin-right: 6px;
}
.mt-7px {
  margin-top: 7px;
}
.mb-7px {
  margin-bottom: 7px;
}
.ml-7px {
  margin-left: 7px;
}
.mr-7px {
  margin-right: 7px;
}
.mt-8px {
  margin-top: 8px;
}
.mb-8px {
  margin-bottom: 8px;
}
.ml-8px {
  margin-left: 8px;
}
.mr-8px {
  margin-right: 8px;
}
.mt-9px {
  margin-top: 9px;
}
.mb-9px {
  margin-bottom: 9px;
}
.ml-9px {
  margin-left: 9px;
}
.mr-9px {
  margin-right: 9px;
}
.mt-10px {
  margin-top: 10px;
}
.mb-10px {
  margin-bottom: 10px;
}
.ml-10px {
  margin-left: 10px;
}
.mr-10px {
  margin-right: 10px;
}
.mt-11px {
  margin-top: 11px;
}
.mb-11px {
  margin-bottom: 11px;
}
.ml-11px {
  margin-left: 11px;
}
.mr-11px {
  margin-right: 11px;
}
.mt-12px {
  margin-top: 12px;
}
.mb-12px {
  margin-bottom: 12px;
}
.ml-12px {
  margin-left: 12px;
}
.mr-12px {
  margin-right: 12px;
}
.mt-13px {
  margin-top: 13px;
}
.mb-13px {
  margin-bottom: 13px;
}
.ml-13px {
  margin-left: 13px;
}
.mr-13px {
  margin-right: 13px;
}
.mt-14px {
  margin-top: 14px;
}
.mb-14px {
  margin-bottom: 14px;
}
.ml-14px {
  margin-left: 14px;
}
.mr-14px {
  margin-right: 14px;
}
.mt-15px {
  margin-top: 15px;
}
.mb-15px {
  margin-bottom: 15px;
}
.ml-15px {
  margin-left: 15px;
}
.mr-15px {
  margin-right: 15px;
}
.mt-16px {
  margin-top: 16px;
}
.mb-16px {
  margin-bottom: 16px;
}
.ml-16px {
  margin-left: 16px;
}
.mr-16px {
  margin-right: 16px;
}
.mt-17px {
  margin-top: 17px;
}
.mb-17px {
  margin-bottom: 17px;
}
.ml-17px {
  margin-left: 17px;
}
.mr-17px {
  margin-right: 17px;
}
.mt-18px {
  margin-top: 18px;
}
.mb-18px {
  margin-bottom: 18px;
}
.ml-18px {
  margin-left: 18px;
}
.mr-18px {
  margin-right: 18px;
}
.mt-19px {
  margin-top: 19px;
}
.mb-19px {
  margin-bottom: 19px;
}
.ml-19px {
  margin-left: 19px;
}
.mr-19px {
  margin-right: 19px;
}
.mt-20px {
  margin-top: 20px;
}
.mb-20px {
  margin-bottom: 20px;
}
.ml-20px {
  margin-left: 20px;
}
.mr-20px {
  margin-right: 20px;
}
